FlyTalk.views.ItinView = Ext.extend(Ext.Panel, {
	fullscreen: true,
	title: 'Itinerary',
	
    initComponent: function () {
		
		this.itinToolbar = new Ext.Toolbar({
			//id: 'itinToolbar',
			title: 'Itinerary',
			doc: 'top',
			layout: 'hbox',
			items: [
				{xtype: 'spacer'},
				//this.composeButton,
			]
		});
		
		this.dockedItems = [this.itinToolbar];
		
		Ext.regModel('TouchpointModel', {
		    fields: [ 
			{
		         name: 'detail1',
		         type: 'string'
		    }, {
		         name: 'detail2',
		         type: 'string'
		    }, {
		         name: 'detail3',
		         type: 'string'
		   }]
		});
		
		this.tpStore = new Ext.data.Store({
			model : 'TouchpointModel',
			autoLoad: true,

			proxy: {
          		type: 'localstorage',
        		id: 'tp-store'
    		},
			
			data: [
				{detail1: 'Check-in', detail2: 'Counter 7', detail3: 'wait time 30mins'},
				{detail1: 'Security', detail2: 'd2', detail3: 'Wait time 20mins'},
			],
		});
			
		this.list = new Ext.List({
			itemTpl : '<div> {detail1} <br> {detail2} <br> {detail3}</div>',
			store: this.tpStore,
			scroll: false,
			listeners:{
				itemTap: function(dv, index, tweet, evt){
					//alert(this.store.getAt(index));
					//FlyTalk.views.HotTopicsView.onSelect(this.store.getAt(index).data.topic);				
				},
			}			
		});
		
		this.items = [this.list];
		
		FlyTalk.views.ItinView.superclass.initComponent.call(this);
        
    },

});